{% extends "mobile/common/vacation_base.html" %}

{% block title %}预订详情{% endblock %}
{% block css_ex %}
    <!-- build:css(.tmp) css/hotel/hotel_order_result.css -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}mobile/css/hotel/hotel_order_result.css">
    <!-- endbuild -->
{% endblock %}

{% block app_header %}
    <script>
        {% if not is_breadtrip %}
        // System
        var breadtripBannerTitle = '预订详情';
        var activityName = '预订详情';
        // Display share button or not
        var shrFlag = 0;
        // Display back button or not 
        var goBackFlag = true;
        {% else %} 
        // App 显示底部navigation bar
        var bt_show_bottom_bar = 'YES';

        // System
        var breadtrip_banner_title = '预订详情';
        var activity_name = '预订详情';

        // Display share button or not
        var shr_flag = 0;
        {% endif %}   
    </script>
{% endblock %}

{% block content %} 
    <section>
        {% if success_orders %}
        <div class="success">
            <h1><i class="icon-success"></i>项目预订成功</h1>
            <h3>
                {% for order in success_orders %}
                {{ order.name }}<br />
                {% endfor %}
            </h3>
        </div>
        {% endif %}
        {% if fail_orders %}
        <div class="fail">
            <h1><i class="icon-fail"></i>项目预订失败</h1>
            <h3>
                {% for order in fail_orders %}
                {{ order.name }}<br />
                {% endfor %}
            </h3>
        </div>
        {% endif %}
        <p class="tip">您的订单已在处理中，出游电子凭证会在24小时内，发送到联系人邮箱中。有问题欢迎与我们联系。</p>
        <span class="check-order">查看订单</span>
    </section>
{% endblock %}

{# 不加载swipe组件 #}
{% block js_swipe %}{% endblock %}

{# 不加载zepto touch组件 #}
{% block js_touch %}{% endblock %}

{% block js_ex %}
<script type="text/javascript">
    BT.context('hotelId', '{{ hotel_id }}')
</script>
<!-- build:js js/hotel/hotel_order_result.js -->
<script src="{{ STATIC_URL }}mobile/js/hotel/hotel_order_result.js"></script>
<!-- endbuild -->
{% endblock %} 
    
